<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <base href="<%=basePath%>"/>
    
    <title>My Account</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
	<meta http-equiv="description" content="This is my page"/>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  <style type="text/css"><!--
    body {
      font-family: arial, sans-serif;
      margin: 0;
      padding: 13px 15px 15px;
      
      padding-top:8px;
      
    }
    .body {
      margin: 0;
    }
    div.errorbox-good {}

    div.errorbox-bad {} 

    div.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
    font.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
    
    div.pagemsg {
      font-size: smaller; 
      font-weight: bold; 
      text-align: center;
    }
    div.pagemsg span {
      padding: 5px; 
      background: #ff9;
    }

    
    div.topbar {
      font-size:smaller;
      margin-right: -5px;
      text-align:right;
      white-space:nowrap;
    }
    div.header {
      margin-bottom: 9px;
      margin-left: -2px;
      position:relative;
      zoom: 1
    }
    div.header img.logo {
      border: 0;
      float:left;
    }
    div.header div.headercontent {
      float:right;
      margin-top:17px;
    }
    div.header:after{
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden;
    }
    div.pagetitle {
      font-weight:bold;
    }
    
    .footer { 
      color: #666;
      font-size: smaller;
      margin-top: 40px;
      text-align: center;
    }
    
    table#signupform {
      left: -5px;
      top: -7px;
      position:relative;
    }
    table#signupform td{
      padding: 7px 5px;
    }
    table#signupform td table td{
      padding: 1px;
    }

    
    
    hr {
      border: 0;
      background-color:#DDDDDD;
      height: 1px;
      width: 100%;
      text-align: left;
      margin: 5px;
    }
    

    
    
  --></style>
<style type="text/css">
  <!--
  table.pi {
  font-size: 13px;
  margin-bottom:30px;
  }

  .pi td {
  padding: 2px 2px 2px 7px;
  }

  table.svcs {
  font-size: 13px;
  margin-bottom:30px;
  margin-left:7px;
  }

  .svcs td {
  padding: 7px 0px 7px 0px;
  }

  a.svcAccessLink {
  color:#7777cc;
  }

  a {
  color:#0000cc;
  }

  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .clearfix { display: inline-block; }
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
    
  .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
  }
  .manage-account p {
    margin: 0;
    padding: 0 0 1em;
  }
  
  .manage-account h2 {
    font-size: 1.3em;
    text-align: left;
    margin: 1em 0 1em;
    padding: 0 0 .2em;
    border-bottom: 1px solid #ccc;
  }
  
  .manage-account h2 a {
    font-size: .8em;
    font-weight: normal;
  }
  
  .account {
    padding: 0;
    margin: 0;
  }
  
  .account .profile {
    float: left;
    width: 32.999%;
    display: inline;
    margin: 0;
    padding: 0;
  }
  
  
  
  .account .profile .info {
    padding: 0;
  }
  
  .account .profile .info .img {
    float: left;
    height: 100px;
    width: 100px;
    margin: 0 0 .5em;
    margin-right: 1em;
    border: 1px solid #ccc;
  }
  
  .account .profile .info ul {
    margin: 0 0 .5em;
    padding: 0;
    list-style: none outside;
  }
  
  .account .profile .info ul li {
    padding: 0 0 .4em;
    margin: 0;
    line-height: 1.3em;
  }
  
  .account .mymission {
    float: left;
    width: 32.999%;
    display: inline;
    margin: 0;
    padding: 0;
  }
  
  .account .mymission table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-width: 0;
    empty-cells: show;
  }
  
  .account .mymission table td {
    vertical-align: top;
    font-size: 13px;
    padding: 0 1.5em 1.5em 0;
  }
  
  .account .mymission .pi td {
    padding: 2px 2px 2px 7px;
  }
  
  .account .mymission table td.headings {
    font-weight: bold;
    width: auto;
  }
  
  .account .mymission ul {
  	margin-left: 60px;
	clear: both;
    list-style: none outside;
    display:inline;
	float:left;
	margin: 0;
    padding: 0;
  }
  
  
  
  .account .mymission ul li{
    float:left;
    
  }
  
  .account .mymission ul li a {
	padding-left: 20px;
	float: left;
	text-decoration: none;
}
  
  .account .mymission ul li span.light {
    color: #6f6f6f
  }

  .account .mymission ul li span.errormsg {
    color: red;
  }
  
  .account .friendsmission {
    float: left;
    width: 32.999%;
    display: inline;
    margin: 0;
    padding: 0;
  }
  
  .account .friendsmission table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-width: 0;
    empty-cells: show;
  }
  
  .account .friendsmission table td {
    vertical-align: top;
    font-size: 13px;
    padding: 0 1.5em 1.5em 0;
  }
  
  .account .friendsmission .pi td {
    padding: 2px 2px 2px 7px;
  }
  
  .account .friendsmission table td.headings {
    font-weight: bold;
    width: auto;
  }
  
  .account .friendsmission ul {
    width: 100%;
    list-style: none outside;
    margin: 0;
    padding: 0;
  }
  
  .account .friendsmission ul li span.light {
    color: #6f6f6f
  }

  .account .friendsmission ul li span.errormsg {
    color: red;
  }
  
  .products {
    list-style: none outside;
    padding: 0 0 1em;
    margin: 0;
  }
  
  .products li {
    float: left;
    width: 32.999%;
    display: inline;
    height: 35px;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  
  .products li span {
    display: block;
    margin: 0;
    margin-left: 30px;
  }
  
  .products li img {
    float: left;
  }
  
  .products li a.light {
    font-weight: normal;
    color: #77c;
  }
  
  .products li.more {
    clear: both;
    padding: .2em 0 0;
    font-weight: normal;
  }

  
  
#meter_container {
  font-size: 13px;
  font-family: arial, sans-serif;
}

#meter_container table {
  width: 100%;
}

.meter_header {
  font-weight: bold;
  
  padding-right: 4px;
  text-align: right;
  
}

.meter_bar {
  width: 99%;
  padding-bottom: 2px;
  font-size: 10px;
}

.meter_bar table {
  border: 1px solid #345ba6;
  width: 100%;
}

.meter_footer {
  
  padding-left: 6px;
  
}

.meter_used {
  background: #345ba6;
}

.meter_available {
  background: #ebf0fa;
}


  -->
  </style>
  </head><body dir="ltr">
<div id="topbar" class="topbar">
  <style type="text/css"><!--
    #gbar,#guser{font-size:13px;padding-top:0 !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em}.gb2,.gb3{text-decoration:none;border-bottom:none}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}.gbi .gb3,.gbi .gb2,.gbi .gb4{color:#dd8e27 !important}.gbf .gb3,.gbf .gb2,.gbf .gb4{color:#900 !important}a.gb2:hover{background:#36c;color:#fff !important}
  --></style>
  <script type="text/javascript"><!--
    (function(){try{function i(a,c,b){var d="on"+c;if(a.addEventListener)a.addEventListener(c,b,false);else if(a.attachEvent)a.attachEvent(d,b);else{var h=a[d];a[d]=function(){var g=h.apply(this,arguments),e=b.apply(this,arguments);return g==undefined?e:e==undefined?g:e&&g}}};var j,k,l,m=window.gbar={};function _tvn(a,c){var b=parseInt(a,10);return isNaN(b)?c:b}function _tvf(a,c){var b=parseFloat(a);return isNaN(b)?c:b}function _tvb(a,c){return a=="true"?true:a=="false"?false:c}m.bv={n:_tvn("1",0),r:"",m:_tvn("0",1)};var n=function(){return m.bv.m==1};m.sb=n;var o,p,q;
function r(a,c,b,d,h,g){var e=document.getElementById(a);if(e){var f=e.style;f.left=d?"auto":c+"px";f.right=d?c+"px":"auto";f.top=b+"px";f.visibility=p?"hidden":"visible";if(h&&g){f.width=h+"px";f.height=g+"px"}else{r(o,c,b,d,e.offsetWidth,e.offsetHeight);p=p?"":a}}}
var s=[],v=function(a){a=a||window.event;var c=a.target||a.srcElement;a.cancelBubble=true;if(o==null){a=document.createElement(Array.every||window.createPopup?"iframe":"div");a.frameBorder="0";o=a.id="gbs";a.src="javascript:''";c.parentNode.appendChild(a);i(document,"click",t)}var b=c;c=0;if(b.className!="gb3")b=b.parentNode;a=b.getAttribute("aria-owns")||"gbi";var d=b.offsetWidth,h=b.offsetTop>20?46:24;if(document.getElementById("tphdr"))h-=3;var g=false;do c+=b.offsetLeft||0;while(b=b.offsetParent);
b=(document.documentElement.clientWidth||document.body.clientWidth)-c-d;var e;d=document.body;var f=document.defaultView;if(f&&f.getComputedStyle){if(d=f.getComputedStyle(d,""))e=d.direction}else e=d.currentStyle?d.currentStyle.direction:d.style.direction;e=e=="rtl";if(a=="gbi"){for(d=0;f=s[d++];)f();u(null,window.navExtra);if(e){c=b;g=true}}else if(!e){c=b;g=true}p!=a&&t();r(a,c,h,g)},t=function(){p&&r(p,0,0)},u=function(a,c){var b,d=document.getElementById("gbi"),h=a;if(!h)h=d.firstChild;for(;c&&
(b=c.pop());){var g=d,e=b,f=h;q||(q="gb2");g.insertBefore(e,f).className=q}},w=function(a,c,b){if((c=document.getElementById(c))&&a){a.className="gb4";var d=document.createElement("span");d.appendChild(a);d.appendChild(document.createTextNode(" | "));d.id=b;c.appendChild(d)}};m.qs=l;m.setContinueCb=k;m.pc=j;m.tg=v;m.close=t;m.addLink=w;m.almm=u;}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e);}})();
  --></script>
  <div id="guser" width="100%"><nobr><span id="gbn" class="gbi"></span><span id="gbf" class="gbf"></span><a id="gb_71" href="https://www.google.com/accounts/Logout" class="gb4">Sign out</a></nobr></div>
  <div style="clear: both;"></div>
</div>
<div class="header">
  
</div>
  <div class="body">
  <div class="manage-account">
  <div class="account clearfix">
  <div class="profile clearfix">
  <h2>Profile</h2>
  <div class="info">
   <img src="ManageAccount_files/AIbEiAIAAABDCNfbyZPA75SnNSILdmNhcmRfcGhvdG8qKDNhMjJmYWQyMTRh.jpg" class="img" />
  <ul>
  <li><strong><c:out value="${sessionScope.user.username}"/></strong></li>
  
  
  </ul>

  </div>
  </div>
  <div class="mymission clearfix">
  <h2>My Mission</h2>
  <table>
  <tbody>
  <tr>
  	<td class="headings">Mission Manage</td>
  </tr>
  <tr>
  	<td><a href="mission_add.jsp">发布任务</td>
  </tr>
  <tr>
  <td class="headings">
  Recent Missions</td>
  
  </tr>
<c:choose>
<c:when test="${empty missions}">
	<tr>
	<td>
	没有任何任务。
	</td>
</tr> 
</c:when>
<c:otherwise>
  <c:forEach var="mission" items="${requestScope.missions}">
 	<tr>
	<td>
	<ul>
  	<li><c:out value="${mission.startTime}"/></li>
  	<li><a href="#"><c:out value="${mission.title}"/></a></li>

 	</ul>	
	</td>
</tr> 
  </c:forEach>
</c:otherwise>
</c:choose>
  <!-- 
<tr>
<td>
<ul>
  
  <li>2011/2/24</li>
  <li><a href="#">我要去吃饭.....有谁要一起么?</a></li>

 </ul>
</td>
</tr>
<tr>
<td>
<ul>
 <li>2011/2/27</li>
  <li><a href="#">我要去洗澡.....有谁要一起么?</a></li>
 </ul>
</td>
</tr>
<tr>
<td>
<ul>
  
  <li>2011/2/24</li>
  <li><a href="#">我要去吃饭.....有谁要一起么?</a></li>

 </ul>
</td>
</tr>
<tr>
<td>
<ul>
  
  <li>2011/2/24</li>
  <li><a href="#">我要去吃饭.....有谁要一起么?</a></li>

 </ul>
</td>
</tr>
<tr>
<td>
<ul>
  
  <li>2011/2/24</li>
  <li><a href="#">我要去吃饭.....有谁要一起么?</a></li>

 </ul>
</td>
</tr>
 -->
  </tbody></table>
  </div>
<div class="friendsmission clearfix">
  <h2>Friends Mission</h2>
  <table>
  <tbody><tr>
  <td class="headings">Security</td>
  <td>
  <ul>
  <li>
  <a href="https://www.google.com/accounts/EditPasswd">
  Changing your password
  </a>
  </li>
  <li>
  <a href="https://www.google.com/accounts/UpdateAccountRecoveryOptions">
  Recovering your password
  </a>
  </li>
  <li>
  <a href="https://www.google.com/accounts/SmsAuthConfig">
  Using 2-step verification
  </a>
  </li>
  <li>
  <a href="https://www.google.com/accounts/IssuedAuthSubTokens">
  Authorizing applications &amp; sites
  </a>
  </li>
  </ul>
  </td>
  </tr>
  <tr>
  <td class="headings">
  Recent Missions</td>
  
  </tr>
  
  <tr>
<td>
<ul>
  <li>2011/2/23</li>
  <li>我要去看电影.....有谁要一起么?</li>
  
 </ul>
</td>
</tr>
  
  
  </tbody></table>
  </div>
  </div>
  </div>
</div>
<hr/>
<div class="footer">
  This page is from <a href="http://www.google.com/">Google</a> Profile.
</div>
<script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="ManageAccount_files/ga.js" type="text/javascript"></script>
<script type="text/javascript">
  var pageTracker = _gat._getTracker("UA-18032-3");
  pageTracker._setCookiePath("/accounts/");
  pageTracker._initData();
  pageTracker._trackPageview();
</script>
  </body></html>
